<{include file='header.html'}>
  <div class="container">
  	 <table class="table table-bordered table-hover">
  	 	<caption><h3>所有组</h3></caption>
  	 	<thead><th>组名</th><th>创建者</th><th>创建时间</th><th>操作</th></thead>
  	 	<tbody>
  	 	<{foreach from=$groupList item=v key=k}>
  	 		<tr><td><{$v.group_name}></td><td><{$v.name}></td><td><{$v.time}></td><td><a id="<{$v.group_id}>" href="#enter" data-toggle="modal" class="btn btn-mini btn-success entry-btn" type="button">进入</a></td></tr>
  	 	<{/foreach}>
  	 	</tbody>
  	 </table>
  </div>
  
  <div id="enter" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">为确保信息安全，请先输入密码</h3>
  </div>
  <form action='/check'>
  	<div class="modal-body">
  		<input type="text" name="entrypassword" class="input-xlarge" id="entrypassword" placeholder="密码">
  		<input type="text" name="groupid" id="groupid" style="display:none;" />
  	</div>
  	<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
    <button class="btn btn-primary" id="entryConfirm">确认</button>
    </form>
  </div>
  
  <script type="text/javascript">
  	$(document).ready(function(){
  		$(".entry-btn").click(function(){
  			$("#groupid").val($(this).attr('id'));
  		});
  	});
  </script>
  
</div>
  
<{include file='create_group.html'}>